<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="refresh" content="3;url={{ $url }}">
    <title>提示页面</title>

    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
            background: #efefef;
        }
        div#mother {
            margin: 0 auto;
            width: 943px;
            height: 572px;
            position: relative;
        }
        div#errorBox {
            background: url('/static/images/404_bg.png') no-repeat top left;
            width: 943px;
            height: 572px;
            margin: auto;
        }
        div#errorText {
            color: #39351e;
            padding: 146px 0 0 446px
        }
        div#errorText p {
            width: 303px;
            font-size: 14px;
            line-height: 26px;
        }
        div.link { /*background:#f90;*/
            height: 50px;
            width: 145px;
            float: left;
        }
        div#home {
            margin: 20px 0 0 444px;
        }

        div#contact {
            margin: 20px 0 0 25px;
        }

        h1 {
            font-size: 40px;
            margin-bottom: 35px;
        }
        h3 {
            color: red;
        }
    </style>

</head>
<body>
<div id="mother">
    <div id="errorBox">
        <div id="errorText">
            <h1>Sorry...出错了！</h1>
            <h2>提示信息:</h2>
            <h3>{{$error}}。</h3>
            <p>
                火星不太安全，<span id="time" style="font-size: 18px;color: #6dbfff;">3s</span> 之后 我可以免费送你回地球
            </p>
        </div>
        <a href="javascript:window.history.go(-1)" title="">
            <div class="link" id="home">返回上一页</div>
        </a>
    </div>
</div>
</body>
</html>
















<!doctype html>
<html>
<head>
    <meta charset="gb2312">
    <title>个人</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="/static/css/base.css" rel="stylesheet">
    <link href="/static/css/index.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="/static/js/modernizr.js"></script>
    <![endif]-->
    <script src="/static/js/scrollReveal.js"></script>
</head>
<body>
<header>
    <div class="logo" data-scroll-reveal="enter right over 1s"><a href="/"><img src="/static/images/logo.png"></a></div>
    <nav class="topnav" data-scroll-reveal="enter bottom over 1s after 1s"><a href="{{url('/')}}"><span>首页</span></a><a href="about.html"><span>关于我</span></a><a href="manshenghuo.html"><span>PHP</span></a><a href="learn.html"><span>碎言碎语</span><a href="learn.html"><span>学无止境</span></a><a href="gbook.html"><span>留言</span></a></nav>
</header>
<article>
    <div class="container">
        <div class="blog" data-scroll-reveal="enter top" >
            <figure>
                <ul>
                    <a href="/"><img src="/static/images/t01.jpg"><span></span></a>
                </ul>
                <p><a href="/"></a></p>
                <figcaption></figcaption>
            </figure>
            <figure>
                <ul>
                    <a href="/"><img src="/static/images/t02.jpg"><span></span></a>
                </ul>
                <p><a href="/"></a></p>
                <figcaption></figcaption>
            </figure>
            <figure>
                <ul>
                    <a href="/"><img src="/static/images/t03.jpg"><span></span></a>
                </ul>
                <p><a href="/"></a></p>
                <figcaption></figcaption>
            </figure>
        </div>
        <ul class="cbp_tmtimeline">
            <li>
                <time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time>
                <div class="cbp_tmicon"></div>
                <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="blogpic"><a href="/"><img src="/static/images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
                </div>
            </li>
            <li>
                <time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
                <div class="cbp_tmicon"></div>
                <div class="cbp_tmlabel"data-scroll-reveal="enter right over 1s" >
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="blogpic"><a href="/"><img src="/static/images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
                </div>
            </li>
            <li>
                <time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
                <div class="cbp_tmicon"></div>
                <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="blogpic"><a href="/"><img src="/static/images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
                </div>
            </li>
        </ul>
    </div>
</article>
{{--<footer>--}}
{{--Design by DanceSmile <a href="/">蜀ICP备11002373号-1</a>--}}
{{--</footer>--}}
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        (function(){
            window.scrollReveal = new scrollReveal({reset: true});
        })();
    };
</script>
</body>
</html>


